﻿@model IEnumerable<HCM_maps_website.Models.PlaceModels>

@{
    ViewBag.Title = "XichLOMap | Lộ trình của bạn";
    Layout = "~/Views/Shared/_Layout.cshtml";


    HCM_maps_website.Process.User user = null;
    try{
        user =(HCM_maps_website.Process.User)Session["Account"];
    }catch(Exception ex){}
}

<div id="fullel_form">
    <form id="login_form" class="full_element" onsubmit="Login(username.value,password.value); return false;">
        <a href="javascript:void(0)" class="close_el">X</a>
        <h1>Đăng Nhập</h1>
        <p class="errormessage"></p>
        <span>
        <label>Tài Khoản</label>
        <input type="text" name="username" />
        </span>
        <span>
        <label>Mật Khẩu</label>
        <input type="password" name="password" />
        </span>
        <span>
            <input type="submit" value="Đăng Nhập"/>
            <a href="javascript:void(0)" onclick="ShowSignUp();">Đăng Ký?</a>
        </span>
    </form>

    @if(user!=null){
    <div id="personal_info" class="full_element" >
        <a href="javascript:void(0)" class="close_el">X</a>
        <h1>Thông Tin Cá Nhân</h1>
        <span>
        <label>Tài Khoản:</label><a>@user.UserName</a>
        </span>
        <span>
        <label>Mật Khẩu:</label><a>@user.Password.ToString()</a>
        </span>
        <span>
            <label>Tên Hiển Thị:</label><a>@user.DisplayName</a>
        </span>
        <span>
            <label>Email:</label><a>@user.Email</a>
        </span>
    </div>
    }

    <form id="signup_form" class="full_element" onsubmit="Register(username.value,password.value,repassword.value,name.value,email.value); return false;">
        <a href="javascript:void(0)" class="close_el">X</a>
        <h1>Đăng Ký</h1>
        <p class="errormessage"></p>
        <span>
            <label>Tài Khoản</label>
            <input type="text" name="username" />
        </span>
        <span>
            <label>Tên Hiển Thị</label>
            <input type="text" name="name" />
        </span>
        <span>
            <label>Mật Khẩu</label>
            <input type="password" name="password" />
        </span>
        <span>
            <label style="margin-top:-1px;">Xác Nhận Mật Khẩu</label>
            <input type="password" name="repassword" />
        </span>
        <span>
            <label>Email</label>
            <input type="email" name="email" />
        </span>
        <span>
            <input type="submit" value="Đăng Ký" />
            <a href="javascript:void(0)" onclick="ShowLogin();">Đăng Nhập?</a>
        </span>
    </form>
</div>
<div id="page-wrap">
        <div id="header">
            <div id="logo-wrap">
                <h1><a class="context-menu-one box menu-1" id="logo" href="/">XichLO Map</a></h1>
            </div>
            @Html.Partial("_SearchForm")
            <div id="loading"><img src="@Url.Content("~/Content/images/3.gif")" alt="loading" /><a>Loading ...</a></div>

            <div id="user_ref">
            @if(Session["Account"] != null){
                    @Html.Partial("_UserRef")
            }else{
                    <a id="login" href="javascript:void(0)" onclick="ShowLogin();">Đăng Nhập</a>
            }
                </div>
        </div>  
        <div id="body">
            <div id="sidebar">
                <ul id="tabs">
                    <li id="placeformtab" class="tab inactive"><a>Tìm vị trí</a></li>
                    <li id="streetformtab" class="tab inactive"><a>Tìm đường</a></li>
                    <li id="placearoundformtab" class="tab inactive"><a>Tìm xung quanh</a></li>
                </ul>
                <span id="border_home_hide"><a id="homeformtab" title="Trang chủ"></a><span id="but_hsidebar" title="Ẩn form"></span></span>
                <div id="tabs-content">
                    <div id="homeform" class="border-content visible">
                        <ul>
                            <li class="linkfindplace"><a href="javascript:void(0)">Tìm Vị Trí</a></li>
                            <li class="linkfindstreet"><a href="javascript:void(0)">Tìm Đường</a></li>
                            <li class="linkfindaround"><a href="javascript:void(0)">Tìm Xung Quanh</a></li>
                            <li class="linkguide"><a href="javascript:void(0)">Hướng Dẫn</a></li>
                            <li class="linkcontact"><a href="javascript:void(0)">Góp Ý</a></li>
                            <li class="linkus"><a href="javascript:void(0)">Về Chúng Tôi</a></li>
                        </ul>
                    </div>
                    <div id="guide" class="border-content invisible"><h4>Coming soon ...</h4></div>
                    <div id="aboutus" class="border-content invisible">
                        <h4>Về Chúng Tôi</h4>
                        <ul>
                            <li><span>Leader:</span></li>
                            <li><a>Lê Văn Tuấn</a></li>
                            <li><span>Members:</span></li>
                            <li><a>Nguyễn Phạm Minh Hiếu</a></li>
                            <li><a>Lê Anh Tân</a></li>
                            <li><a>Đào Mạnh Cường</a></li>
                            <li><a>Đậu Phạm Hữu Tài</a></li>
                            <li><a>Phạm Thanh Phong</a></li>
                            <li><a>Hồ Hùng Lâm Quân</a></li>
                            <li><a>Nguyễn Thị Kim Thúy</a></li>
                            <li><a>Phan Minh Tài</a></li>
                            <li><a>Mã Thành Tài</a></li>
                            <li><span>Supporter:</span></li>
                            <li><a>Trần Trọng Lộc (XichLOmap)</a></li>
                        </ul>
                    </div>
                    <div id="contact" class="border-content invisible"><h4>Coming soon ...</h4></div>
                    <div id="streetform" class="border-content invisible"  style="display: none;">
                            <span class="border-input-button" id="startPoint">
                                @using (Ajax.BeginForm("Search", "Home", new AjaxOptions{
                                HttpMethod = "POST",
                                InsertionMode = InsertionMode.Replace,
                                LoadingElementId = "loading",
                                UpdateTargetId = "sp_result_replace",
                                OnSuccess = "showSresult()"}))
                                {
                                    <input type="text" value="Nhập vị trí bắt đầu" name="keywords"
                                    onfocus="if(this.value=='Nhập vị trí bắt đầu') this.value='';" 
                                    onblur="if(this.value=='') this.value='Nhập vị trí bắt đầu';"  />
                                    <input type="submit" class="button-inset" value="" />
                                }
                            </span>
                            <span class="border-input-button" id="endPoint">
                                @using (Ajax.BeginForm("Search", "Home", new AjaxOptions{
                                HttpMethod = "POST",
                                InsertionMode = InsertionMode.Replace,
                                LoadingElementId = "loading",
                                UpdateTargetId = "ep_result_replace",
                                OnSuccess = "showEresult()"}))
                                {
                                    <input type="text" value="Nhập vị trí kết thúc" name="keywords"
                                    onfocus="if(this.value=='Nhập vị trí kết thúc') this.value='';" 
                                    onblur="if(this.value=='') this.value='Nhập vị trí kết thúc';"  />
                                    <input type="submit" class="button-inset" value=""/>
                                }
                            </span>
                            @if(Session["Account"]!=null){ <a class="savestreet hidden" href="javascript:SaveUserRoute()">Lưu</a>}
                            <div class="clear-fix"></div>
                            <div id="streetform_content" class="listplace border-content">
                                <ul id="streetform_replace"  class="street-content border-slider-content">
                                </ul>
                                <span class="top_seperate"></span>
                                <span class="bottom_seperate"></span>
                                <div id="slider_streetform" class="slider-content" style="right:15px;"><span></span></div>                        
                            </div>
                    </div>
                    <div id="placeform" class="listplace border-content invisible"  style="display: none;">
                        <div id="introfindplace">
                            <h4>Hướng dẫn tìm vị trí</h4>
                            <a>
                            - Điền từ khóa bạn muốn tìm vào khung tìm kiếm cạnh logo của XichLOmap.com . Bấm phím Enter hoặc nhấp chuột vào nút tìm kiếm để bắt đầu quá trình tìm kiếm.
                            </a>
                            <a>
                            - Ví dụ các cú pháp từ khóa cụ thể.
                            </a>
                            
                            <h5>Tìm vị trí:</h5>
                            <a>Quận 5, TPHCM</a>
                            <h5>Tìm địa chỉ:</h5>
                            <a>31A Huỳnh Văn Bánh, Quận Phú Nhuận, TPHCM</a>
                            <h5>Tìm số điện thoại:</h5>
                            <a>XichLOmap.com : <span>01247331159</span></a>
                            <a>Đại Học Khoa Học Tự Nhiên: <span>38293115</span></a>
                            <a>Lưu ý: Nhấn vào nút kiểu gõ để bật/tắt bộ gõ tiếng Việt.</a>
                        </div>
                        <ul id="placeform_replace" class="street-content border-slider-content">
                        </ul>
                        <span class="top_seperate"></span>
                        <span class="bottom_seperate"></span>
                        <div id="slider_placeform" class="slider-content"><span></span></div>
                    </div>
                    <div id="placearoundform" class="border-content invisible" style="display: none;">
                        <div id="form_input">
                            <span id="placetype">
                                <label>Loại địa điểm</label>
                                <select id="lst_placetype">
                                    <option value="-1">Tất cả</option> 
                                    <option value="1">Bưu Điện</option>
                                    <option value="42">Bảo Tàng</option>
                                    <option value="51">Bệnh Viện</option>
                                    <option value="104">Chợ</option>
                                    <option value="112">Chùa</option>
                                    <option value="136">Công Viên</option>
                                    <option value="383">Khách Sạn</option>
                                    <option value="483">Ngân Hàng</option>
                                    <option value="509">Nhà Thờ</option>
                                    <option value="623">Sân Vận Động</option>
                                    <option value="750">Tổng Lãnh Sự Quán</option>
                                    <option value="781">Trường Tiểu Học</option>
                                    <option value="792">Uỷ Ban Nhân Dân</option>
                                    <option value="889">Trạm ATM</option>
                                    <option value="890">Cà Phê</option>
                                    <option value="891">Cây Xăng</option>
                                    <option value="894">Siêu Thị</option>
                                    <option value="895">Nhà Vệ Sinh Công Cộng</option>
                                    <option value="897">Trường Đại Học, Cao Đẳng</option>
                                    <option value="898">Chung Cư</option>
                                    <option value="899">Rạp Chiếu Phim</option>
                                    <option value="901">Nhà Sách</option>
                                </select>
                            </span>
                            <span id="range">
                                <label>Bán kính</label>
                                <select id="num_range">
                                    <option value="100">100</option>
                                    <option value="200">200</option>
                                    <option value="500">500</option>
                                    <option value="1000">1000</option>
                                    <option value="1500">1500</option>
                                    <option value="2000">2000</option>
                                </select>
                                <a style="padding-left:10px; font-size:14px; font-weight:bold;" >Meter</a>
                            </span>
                            <div class="clear-fix"></div>
                        </div>
                        <div id="placearoundform_content" class="listplace border-content visible">
                            <ul id="placearoundform_replace"  class="street-content border-slider-content">
                            </ul>
                            <span class="top_seperate"></span>
                            <span class="bottom_seperate"></span>
                            <div id="slider_placearoundform" class="slider-content"><span></span></div>                        
                        </div>
                    </div>
                    <div id="conBut_streetform">
                        <a href="#" class="hidebut_result" title="Hiện danh sách kết quả">&#x25BA;</a>
                        <a href="#" class="hidebut_result" title="Hiện danh sách kết quả">&#x25BA;</a>
                    </div>
                </div>
                <div id="footer">
                        <a style="width:100%; text-align:center; display:block;">&copy;2012 XichLOMap</a>                        
                        <a class="linkhome" href="javascript:void(0)">Trang chủ</a>
                        <a>-</a>
                        <a class="linkguide" href="javascript:void(0)">Hướng dẫn</a>
                        <a>-</a>
                        <a class="linkus" href="javascript:void(0)">Về chúng tôi</a>
                        <a>-</a>
                        <a class="linkcontact" href="javascript:void(0)">Góp ý</a>
                        <a>-</a>
                        <a href="@Url.Action("Index","Mobile")">Di Động</a>
                </div>
            </div>
            <span id="but_ssidebar" style="display: none;" title="Hiện form">&#x25BA;</span>
            <div class="sublistplace placeresult" id="sp_result">
                <span class="picker"></span>
                <div class="wrap_p_result">
                <ul id="sp_result_replace" class="street-content border-slider-content">
                </ul>
                <span class="top_seperate"></span>
                        <span class="bottom_seperate"></span>
                        <div id="slider_sp_result" class="slider-content"><span></span></div>
                </div>
            </div>
            <div class="sublistplace placeresult" id="ep_result">
                <span class="picker"></span>
                <div class="wrap_p_result">
                <ul id="ep_result_replace" class="street-content border-slider-content">
                </ul>
                <span class="top_seperate"></span>
                        <span class="bottom_seperate"></span>
                        <div id="slider_ep_result" class="slider-content"><span></span></div>
                </div>
            </div>
            <div id="content">
                <div id="map-container">
                    <canvas id="map-pic"></canvas>
                    <canvas id="map-pic-fake"></canvas>
                    <span id="topbox"></span>
                    <span id="leftbox"></span>
                    <span class="indicatePlace_onMap" id="indicateA"><span></span></span>
                    <span class="indicatePlace_onMap" id="indicateB"><span></span></span>
                    <span class="indicatePlace_onMap" id="indicateP"><span></span></span>
                    <ul id="contextmenu_map">
                        <li class="mn_item0"><a href="javascript:void(0)">Điểm xuất phát</a></li>
                        <li class="mn_item1"><a href="javascript:void(0)">Điểm kết thúc</a></li>
                        <li class="mn_item2"><a href="javascript:void(0)">Thông tin điểm</a></li>
                        <li class="mn_item3"><a href="javascript:void(0)">Tìm xung quanh</a></li>
                        <li class="mn_item4"><a href="javascript:void(0)">Vị trí hiện tại</a></li>
                        <li class="mn_item5"><a id="savemap" href="javascript:void(0)">Chụp bản đồ</a></li>
                    </ul>
                    <div id="ruler" class="black">
                        <span id="bar_left"></span><span id="bar_mid"></span><span id="bar_mile"></span><span id="bar_km"></span>
                        <a id="text_mile">1 mile</a>
                        <a id="text_km">2 km</a>
                    </div>
                    <span id="google">Bản quyền hình ảnh thuộc <a href="https://maps.google.com">google map</a></span>
                </div>
                <div id="controlzoom">
                    <span id="pluszoom" class="butzoom">&#x002B;</span>
                    <span id="barzoom"></span>
                    <span id="indicatezoom">&#x25AA;</span>
                    <span id="minuszoom" class="butzoom">&#x2013;</span>
                </div>
                <div id="minimap-wrap"><canvas id="minimap"></canvas><a>Vệ tinh</a></div>
                <div id="controldirection">
                    <span id="movetop" class="butdir">&#x25B2;</span>
                    <span id="moveright" class="butdir">&#x25BA;</span>
                    <span id="movebottom" class="butdir">&#x25BC;</span>
                    <span id="moveleft" class="butdir">&#x25C4;</span>
                    <span id="movecenter" class="butdir">&#x25CF;</span>
                    <span id="curPos" class="butdir"></span>
                </div>
                <div id="info_place_form">
                    <div class="info_place">
                        <ul id="info_replace" class="street-content">
                        </ul>
                    </div>
                <div class="tail"></div></div>
            </div>
        </div>
        <div class="clear-fix"></div>
    </div>
